@charset "utf-8";
// 主色调
@fn-color:#c70034;

/***
 UI 自定义 公共 ued颜色规范
**/
@white: #fff;
@black:#333333;           //字体颜色、模块名称、控件；
@LineBlack:#0e050a;
@Logo_color: #d6005b;
@medium_grey:#666666;
@Light_grey:#999;
@navigation:#f8f8f8;
@Deep_red:#c70034;
@Deep_purple:#c20053;
@main_color:#d6005b;
@background_color:#eee;  //整体背景色
@background_gray:#eee;   //新的页面背景色
@Light_yellow	: #fdeccb;

// 单位变量
@u: 0.01rem;

//公共参数配置
@css-prefix             : fn-;

@iconfont-css-prefix    : iconfont;

// ------ Base & Require ------

//body-background
@body-background        : #fff;
@body-background-3e     : #eee;

//font style
@font-family            : Arial, Helvetica, STHeiTi, sans-serif;
@code-family            : Consolas,Menlo,Courier,monospace;

//font size
@font-size-sm           : 0.24rem; //@fs4
@font-size-base         : 0.28rem; //@fs3
@font-size-lg           : 0.32rem; //@fs2
@font-size-xl           : 0.36rem; //@fs1

//font color
@font-color-3           : #333;
@font-color-6			      : #666;
@font-color-8			      : #888;
@font-color-9			      : #999;

// border
@border-color-base       :#d9d9d9;
@border-color-d5         :#d5d5d5;
@border-color-ee         :#eee;
@border-color-f0         :#f0f0f0;
@border-color-c7		     :#c70034;
@border-color-e5		     :#e5e5e5;
@border-color-8			     :#888;

//line height
@line-height-base       : 1.42858;
@line-height-computed   : floor((@font-size-base * @line-height-base));
@line-height-sm-computed: floor((@font-size-sm * @line-height-base));
@line-height-lg-computed: floor((@font-size-lg * @line-height-base));
@line-height-xl-computed: floor((@font-size-xl * @line-height-base));

// link
@link-color             : #333;
@link-hover-color       : tint(@link-color, 20%);
@link-active-color      : shade(@link-color, 5%);
@link-hover-decoration  : none;


// Media queries breakpoints
// Extra small screen / phone
@screen-xs              : 320px;
@screen-xs-min          : @screen-xs;
@screen-xs-max          : (@screen-xs-min - 1);

// Small screen / tablet
@screen-sm              : 480px;
@screen-sm-min          : @screen-sm;
@screen-sm-max          : (@screen-sm-min - 1);

// Medium screen / desktop
@screen-md              : 768px;
@screen-md-min          : @screen-md;
@screen-md-max          : (@screen-md-min - 1);

// Large screen / wide desktop
@screen-lg              : 992px;
@screen-lg-min          : @screen-lg;
@screen-lg-max          : (@screen-lg-min - 1);

// z-index list
@zindex-mask            : 990;
@zindex-dialog          : 1000;
@zindex-toast           : 1010;
@zindex-notification    : 1010;
@zindex-tooltip         : 1060;
@zindex-popover         : 1030;

@container-max-width    : 800px;
@container-min-width    : 320px;

@container-class        : ~"@{css-prefix}container";

//每个需解析的less中必须含包@{ph},相对于no_common文件夹的深度
@pimg:  "../../images/";       // 图片所在地址
@pfont: "../../fonts/common/"; // 字体图标位置
